<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./weibo.css">
    <link rel="stylesheet" href="./css/reset.css">
    <title>Document</title>
</head>

<body>
    <!-- 搜索栏 -->
    <div id="searchCnt">
        <div class="searchbox">
            <img src="./img/search.png" alt="">
            <p>大家长正在搜：带娃去旅行</p>
        </div>
    </div>
    <!-- Lubbock图 -->
    <div class="bannderbox">
        <ul>
            <li><img src="./img/l2.jpg" alt=""></li>
        </ul>
    </div>
    <!-- 菜单按钮 -->
    <div class="menuCnt">
        <div class="menuItem">
            <img src="./img/menu1.png" alt="">
            <p>找人</p>
        </div>
        <div class="menuItem">
            <img src="./img/menu2.png" alt="">
            <p>找人</p>
        </div>
        <div class="menuItem">
            <img src="./img/menu3.png" alt="">
            <p>找人</p>
        </div>
        <div class="menuItem">
            <img src="./img/menu4.png" alt="">
            <p>找人</p>
        </div>
        <div class="menuItem">
            <img src="./img/menu5.png" alt="">
            <p>找人</p>
        </div>
        <div class="menuItem">
            <img src="./img/menu6.png" alt="">
            <p>找人</p>
        </div>
        <div class="menuItem">
            <img src="./img/menu1.png" alt="">
            <p>找人</p>
        </div>
        <div class="menuItem">
            <img src="./img/menu2.png" alt="">
            <p>找人</p>
        </div>
        <div class="menuItem">
            <img src="./img/menu3.png" alt="">
            <p>找人</p>
        </div>
        <div class="menuItem">
            <img src="./img/menu4.png" alt="">
            <p>找人</p>
        </div>
    </div>
    <div class="hotCnt">
        <div class="hotTtem">
            <img src="./img/vip.png" alt="">
            <p>#美美美美美</p>
        </div>
        <div class="hotTtem">
            <img src="./img/vip.png" alt="">
            <p>#美美美美美</p>
        </div>
        <div class="hotTtem">
            <img src="./img/vip.png" alt="">
            <p>#美美美美美</p>
        </div>

        <div class="hotTtem">
            <img src="./img/vip.png" alt="">
            <p>#美美美美美</p>
        </div>
    </div>
    <!-- 微博之夜 -->
    <div class="webCent">
        <!-- 标题 -->
        <div class="title">
            <p class="titlwebGronudeMain">微博之夜</p>
            <p class="title2">为爱打Call</p>
        </div>
        <div class="webGronud">
            <div class="webBox">
                <div class="groupItem">
                    <img src="./img/274.jpg" alt="">
                    <p>一键探秘</p>
                </div>
                <div class="groupItem">
                    <img src="./img/274.jpg" alt="">
                    <p>一键探秘</p>
                </div>
                <div class="groupItem">
                    <img src="./img/274.jpg" alt="">
                    <p>一键探秘</p>
                </div>
            </div>
        </div>
    </div>

    <!-- tab栏 -->
    <div class="tabCnt">
        <p>视频</p>
        <p class='active'>头条</p>
        <p>榜单</p>
        <p>名称</p>
    </div>
    <p class="mark">热门微博24小时排行榜！</p>
    <!-- 微博正文 -->
    <div class="webList">
        <!-- 单个微博 -->
        <div class="webRow">
            <!-- 用户信息与关注 -->
            <div class="userInfoCnt">
                <div class="userInfoBox">
                    <div class="userHpBox">
                        <img src="./img/头像 (女-).png" alt="">
                    </div>
                    <div class="userinfoGroup">
                        <p class="userName">用户名</p>
                        <div class="timeBox">
                            <p class="time">2小时前</p>
                            <p class='iphone'>来自iphone X</p>
                        </div>
                    </div>
                </div>
                <input class="gunzhuBtn" type="button" value="+ 关注">
            </div>

            <div class="webboDetail">
                我最开始吃猕猴桃就用手剥皮，像吃橘子似的，后来用刀切，像吃橙子似的，
                现在才知道，原来上一刀、下一刀，然后用勺子转一圈就行了，
                这些年折腾的我啊！！
            </div>
            <!-- 微博操作 -->
            <div class="weboOp">
                <div class="weboOpitem">
                    <img src="./img/点赞.png" alt="">
                    <p>点赞</p>
                </div>
                <div class="weboOpitem">
                    <img src="./img/点赞.png" alt="">
                    <p>点赞</p>
                </div>
                <div class="weboOpitem">
                    <img src="./img/点赞.png" alt="">
                    <p>点赞</p>
                </div>
            </div>
        </div>
    </div>
    <!--单个微博 -->
    <div class="webRow">
        <!-- 用户信息与关注 -->
        <div class="userInfoCnt">
            <div class="userInfoBox">
                <div class="userHpBox">
                    <img src="./img/头像 (女-).png" alt="">
                </div>
                <div class="userinfoGroup">
                    <p class="userName">用户名</p>
                    <div class="timeBox">
                        <p class="time">2小时前</p>
                        <p class='iphone'>来自iphone X</p>
                    </div>
                </div>
            </div>
            <input class="gunzhuBtn" type="button" value="+ 关注">
        </div>

        <div class="webboDetail">
            我最开始吃猕猴桃就用手剥皮，像吃橘子似的，后来用刀切，像吃橙子似的，
            现在才知道，原来上一刀、下一刀，然后用勺子转一圈就行了，
            这些年折腾的我啊！！
        </div>
        <!-- 微博操作 -->
        <div class="weboOp">
            <div class="weboOpitem">
                <img src="./img/点赞.png" alt="">
                <p>点赞</p>
            </div>
            <div class="weboOpitem">
                <img src="./img/点赞.png" alt="">
                <p>点赞</p>
            </div>
            <div class="weboOpitem">
                <img src="./img/点赞.png" alt="">
                <p>点赞</p>
            </div>
        </div>
    </div>
    </div>
    <!-- 单个微博 -->
    <div class="webRow">
        <!-- 用户信息与关注 -->
        <div class="userInfoCnt">
            <div class="userInfoBox">
                <div class="userHpBox">
                    <img src="./img/头像 (女-).png" alt="">
                </div>
                <div class="userinfoGroup">
                    <p class="userName">用户名</p>
                    <div class="timeBox">
                        <p class="time">2小时前</p>
                        <p class='iphone'>来自iphone X</p>
                    </div>
                </div>
            </div>
            <input class="gunzhuBtn" type="button" value="+ 关注">
        </div>

        <div class="webboDetail">
            我最开始吃猕猴桃就用手剥皮，像吃橘子似的，后来用刀切，像吃橙子似的，
            现在才知道，原来上一刀、下一刀，然后用勺子转一圈就行了，
            这些年折腾的我啊！！
        </div>
        <!-- 微博操作 -->
        <div class="weboOp">
            <div class="weboOpitem">
                <img src="./img/点赞.png" alt="">
                <p>点赞</p>
            </div>
            <div class="weboOpitem">
                <img src="./img/点赞.png" alt="">
                <p>点赞</p>
            </div>
            <div class="weboOpitem">
                <img src="./img/点赞.png" alt="">
                <p>点赞</p>
            </div>
        </div>
    </div>
    </div>
</body>

</html>